<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>electron-note</title>
    <meta
      http-equiv="Content-Security-Policy"
      content="script-src 'self' 'unsafe-inline';"
    />
    <link rel="stylesheet" href="loader.css" />
  </head>
  <body style="background: white">
    <nav></nav>
    <br />
    <div class="container">
      <!-- 
      <h2>笔记本</h2>

        <div class="mb-3">
          <label class="form-label">选定一个文件夹作为笔记本目录。</label>
          <br />
          <button onclick="selectFolderAsNotebook()" class="btn btn-primary btn-sm"><i class="far fa-folder"></i> 选择文件夹并将其作为笔记本打开</button>
        </div>
      
      <hr />
      -->
      <h2>Markdown 编辑器</h2>
      <p>借由 electron-note，你可以新建和编辑 Markdown 文档。</p>
      <button
        class="btn btn-outline-primary btn-sm"
        onclick="window.location.href='./editor.html'"
      >
        <i class="fa fa-plus"></i> 新建 Markdown 文档
      </button>
      <button
        class="btn btn-outline-primary btn-sm"
        onclick="openMarkdownFile.outsideEditorStageStart()"
      >
        <i class="far fa-folder-open"></i>
        打开 Markdown 文档
      </button>
      <br /><br />
      <h2>Markdown 教程</h2>
      <p><a href="#" onclick="shell.openExternal('https://www.runoob.com/markdown/md-tutorial.html')">开始学习 Markdown</a></p>

    </div>
    <input
      type="file"
      id="markdownFileSelector"
      style="display: none"
      onchange="openMarkdownFile.outsideEditorStageSelected()"
    />
    <br />

    <script src="app.js"></script>
  </body>
</html>
